<!--
 * @Author: 华芊芊 huaqianqian@yeah.net
 * @Date: 2023-10-13 17:03:23
 * @LastEditors: 华芊芊 huaqianqian@yeah.net
 * @LastEditTime: 2023-11-02 17:21:47
 * @FilePath: \zmglpt-ui-screen\src\views\studyPlatform\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div id="iframe-box">
    <iframe
      src="http://10.48.236.113/bigscreen"
      scrolling="no"
      frameborder="0"
      id="qt"
    ></iframe>
    <!--       scrolling="no"
      frameborder="0"
      style="position: absolute; top: 114px; left: 0px; right: 0px; bottom: 0px" -->
  </div>
</template>

<script>
export default {
  name: "studyPlatform",

  data() {
    return {};
  },

  mounted() {
    /**
     * iframe-宽高自适应显示
     */
    // function changeqtIframe() {
    //   const box = document.getElementById("iframe-box");
    //   const deviceWidth =
    //     document.body.clientWidth || document.body.scrollWidth;
    //   const deviceHeight =
    //     document.body.clientHeight || document.body.clientHeight;
    //   console.log(deviceWidth, deviceHeight);
    //   box.style.width = Number(deviceWidth) + "px"; // 数字是页面布局宽度差值
    //   box.style.height = Number(deviceHeight) + "px"; // 数字是页面布局高度差
    // }
    // changeqtIframe();
    // window.onresize = function () {
    //   changeqtIframe();
    // };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
#iframe-box {
  width: 100%;
  height: 820px;
}
#qt {
  width: 100%;
  height: 100%;
}
</style>